.icon { }

.c-app { width: 100%; height: 100%; }
.init-container { display: flex; }
.c-app .init-left-panel { padding: 10px; background-color: #03A9F4; }
.c-app .mainContent { flex: 1; position: relative; padding: 10px; }
.c-app .menu-item { position: relative; }
.c-app .menu-item-content { padding: 10px 5px; cursor: pointer; }
.c-app .menu-item-content.with_child { border-bottom: 1px solid lightgray; font-size: 16px; background-color: #F1F1F1; position: relative; }
.c-app .menu-item-content.with_child::after { content: ''; position: absolute; background-image: url(../img/icon/arrow_carrot-2down_alt2.png); background-size: 100% 100%; background-repeat: no-repeat; width: 15px; height: 15px; top: 50%; margin-top: -7px; right: 4px; }

.c-app .menu-item-content.with_child.expand + .menu-child-items { display: block; }
.c-app .menu-child-items { display: none; background-color: white; border-bottom: 1px solid lightgray; }
.c-app .menu-child-items .menu-item-content + .menu-item-content { border-top: 1px dashed lightgray; }
.c-app .menu-child-items .menu-item-content:active { background-color: #00BCD4; color: white; }
.c-app .init-menu { border: 1px solid lightgray; border-radius: 5px; display: block; margin-top: 30px; background-color: white; }


.navRight { float: right; margin-right: 10px; }


.table-striped > tbody > tr.trOver > td, .table-striped > tbody > tr.trOver > th { background-color: #dee5b4; }
